<%--<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>--%>
<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>
<%--
  Created by IntelliJ IDEA.
  User: SINGLEDOG
  Date: 2019/9/27
  Time: 16:05
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="icon" href="${pageContext.request.contextPath}/images/logo_D.ico">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/Myqa.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.js"></script>
    <script type="application/javascript" src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap-theme.css">
    <script src="${pageContext.request.contextPath}/dist/js/bootstrap.js"></script>
    <style>
        .layui-nav .layui-nav-item a{
            font-size: 20px!important;
        }

    </style>
</head>
<body >
<!--导航-->
<c:choose>
    <c:when test="${memberall.userId != 0}">
        <c:if test="${memberall.userStatus == 0}">
            <img src="http://localhost:8080/mydev/images/vip.png" style="position:absolute;top:23px;right: 345px;z-index: 999;">
        </c:if>
        <c:if test="${memberall.userStatus == 1}">
            <a href="http://localhost:8080/mydev/VIP" style="position:absolute;top:13px;right: 400px;z-index: 999;">开通vip</a>
        </c:if>
    </c:when>
</c:choose>
<div class="header-container" style="width: 100%; min-width: 1500px;  ">

    <div class="row first-div" style="z-index: 999; width: 100%">
        <div class=" left-nav-ul" >
        </div>


        <ul class="mid-nav-ul" >
            <li class="nav-ul-li" >
                <a   style="text-decoration: none" href="http://localhost:8080/mydev/start/index">
                    <div>
                        <img src="http://localhost:8080/mydev/images/logo.png">
                        逍遥游
                    </div>
                </a>

            </li>
            <li class="nav-ul-li" style="background-color: #ff9d00">
                <a style="text-decoration: none;color: #ffffff" href="http://localhost:8080/mydev/start/index">首页</a>
            </li>
            <li class="nav-ul-li">
                <a  style="text-decoration: none" href="http://localhost:8080/mydev/QuestionTable/club_questions">问答</a>
            </li>

            <li class="nav-ul-li">
                <a   style="text-decoration: none" href="http://localhost:8080/mydev/clublist/list">鲲鹏俱乐部</a>
            </li>

            <li class="nav-ul-li new">
                <div class="geren">
                    <a  style="text-decoration: none; color:black" href="">更多</a>
                    <div class="t1"></div>
                </div>
                <div class="hidden1">
                    <ul class="geren-ul">
                        <li>
                            <a  style="text-decoration: none" href="http://localhost:8080/mydev/write/travel">写游记</a>
                        </li>
                        <li>
                            <a  style="text-decoration: none"  href="http://localhost:8080/mydev/myhome/mytravel/${memberall.userId}">我的游记</a>
                        </li>
                    </ul>
                </div>
            </li>

            <li class="nav-ul-li" >
                <c:choose>
                    <c:when test="${memberall.userId != 0}">
                        <c:if test="${memberall.userStatus ==0}">
                             <span  style="color: gold">
                                 欢迎!${memberall.userName}
                             </span>
                        </c:if>
                        <c:if test="${memberall.userStatus ==1}">
                             <span  style="color: black">
                                 欢迎!${memberall.userName}
                             </span>
                        </c:if>


                    </c:when>
                    <c:otherwise>
                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/regist/normalRegist">注册</a>
                    </c:otherwise>
                </c:choose>

            </li>
            <li class="nav-ul-li">
                <c:choose>
                    <c:when test="${memberall.userId != 0}">

                    </c:when>
                    <c:otherwise>
                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/login/login">登陆</a>
                    </c:otherwise>
                </c:choose>


            </li>
        </ul>




        <c:choose>
            <c:when test="${memberall.userId != 0}">

                <div class="right-nav-ul" >
                    <div class="topmaguser" style="  position:relative;left: 0px;top:2px">


                        <a href="http://localhost:8080/mydev/myhome/mytravel/${memberall.userId}" >
                            <img src="http://localhost:8080/mydev/${memberall.userPicture}">
                        </a>

                    </div>
                    <ul class="right-mid" >
                        <li class="nav-ul-li new" >

                            <div class="geren">

                                <a style="text-decoration: none; color:black" href="">个人中心</a>

                                <div class="t2"></div>
                            </div>

                            <div class="hidden1">
                                <ul class="gere-ul">

                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/collect/${memberall.userId}"><img src="http://localhost:8080/mydev/images/savea.png">我的收藏</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/mapview/${memberall.userId}"><img src="http://localhost:8080/mydev/images/foot.png">我的足迹</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/answer/${memberall.userId}"><img src="http://localhost:8080/mydev/images/question.png">我的问答</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/reply/toaccount/${memberall.userId}"><img src="http://localhost:8080/mydev/images/question.png">回复消息</a>
                                    </li>

                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/exit"><img src="http://localhost:8080/mydev/images/banka.png">退出登录</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </c:when>
            <c:otherwise>



            </c:otherwise>
        </c:choose>

    </div>
</div>

<!--图片-->
<div class="user-banner" style="background-image:url(${pageContext.request.contextPath}/images/reba_D.jpg);width: 100%;height: 250px;" data-v-486b535c></div>
<!--中部导航-->
<ul class="layui-nav layui-bg-green" style="background-color: #ffa800!important;">
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item"><a href=""></a></li>
    <li class="layui-nav-item "><a href="${pageContext.request.contextPath}/myhome/mytravel/${memberall.userId}">我的游记</a></li>
    <li class="layui-nav-item layui-this"><a href="">我的问答</a></li>
    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/myfoot/collect/${memberall.userId}">我的收藏</a></li>
    <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/myfoot/mapview/${memberall.userId}">我的足迹</a></li>

</ul>

<!--下部详细-->
<div class="center">
    <div class="side_bar flt1">
        <div class="MAvatar">
            <div class="MAvaImg hasAva">
                <%--${pageContext.request.contextPath}/images/user1a.jpeg--%>
                <img id="img" src="" height="120" width="120"><a href="/setting/avatar/" class="MAvaUp"><i class="Mphoto"></i></a>
            </div>
            <div class="MAvaName">
                <i id="othername" class="MGenderMale"></i>
            </div>
            <div class="its_tags">
                <a href="/home/vip_show.php" target="_blank" title="VIP"><i class="vip"></i></a>
                <a href="/rudder/info.php" target="_blank" title="分舵"><i class="duo"></i>
                </a><a href="/qa/expert_apply.php?type=1" target="_blank" title="指路人"><i class="zhiluren"></i></a>
            </div>
            <div class="MAvaInfo clearfix MAvaMyInfo">
                <span class="MAvaSet"><img  href="/setting/" target="_blank" alt=""></span>
                <span>现居:</span>
                <span id="address"  style="margin-top: 2px"></span>
            </div>
            <div class="MAvaMore clearfix">
                <div class="MAvaNums">
                    <strong><a href="/friend/index/follow?uid=84206140" target="_blank">6</a></strong>
                    <p>关注</p>
                </div>
                <div class="MAvaNums">
                    <strong><a href="/friend/index/follow?uid=84206140&amp;flag=1" target="_blank">0</a></strong>
                    <p>粉丝</p>
                </div>
                <div class="MAvaNums last">
                    <strong><a href="/mall/" target="_blank">0</a></strong>
                    <p>蜂蜜</p>
                </div>
            </div>
        </div>
        <div class="MWendaMod">
            <h3>我的问答荣誉</h3>
            <ul class="wendaHonor">
                <li><a class="zlr" href="/qa/expert_apply.php" target="_blank"><img src="${pageContext.request.contextPath}/images/ZLR_D.png"> 马蜂窝指路人</a></li>
                <li><a class="mdd-zlr" href="/qa/expert_apply.php?type=1" target="_blank"><img src="${pageContext.request.contextPath}/images/mudidi_D.png">目的地指路人</a></li>
                <li><a class="goldmaster" href=" http://www.mafengwo.cn/g/i/3136909.html" target="_blank"><img src="${pageContext.request.contextPath}/images/jinpai_D.png">金牌大师</a></li>
            </ul>
        </div>
        <div class="MGuestbook" id="_j_msgboard_wrap">
            <div class="MGuestTitle">留言板
                <div class="MCloseFunction _j_msgboard_closer">
                    <i></i>
                    <div class="MTips MTipsRight">关闭我的留言板（不让其他人留言）</div>
                </div>
            </div>
            <div class="MGuestInput">
                <textarea class="_j_msgboard_area" placeholder="说点什么..."></textarea>
                <a role="button" class="MGuestBtn" title="留言" id="_j_msgboard_submit">留言</a>
            </div>
            <div class="MGuestList">
                <ul class="_j_msgboard_list">

                </ul>
            </div>
        </div>
    </div>
    <div class="content flt2">
        <div class="achievement clearfix">
            <ul>
                <li><a><strong>0</strong><div>内容数</div></a></li>
                <li>
                    <strong class="goldmedal"><i></i>0</strong><div>金牌回答</div>
                </li>
                <li><strong>0%</strong><div>采纳率</div></li>
            </ul>
            <a class="btn" href="/wenda/publish.html">我要提问</a>
        </div>
        <div class="wd-main">
            <div class="wd-navbar clearfix">
                <ul class="wd-nav _j_qa_nav">
                    <li class="on"><a href="/wenda/u/84206140/answer.html">我的回答</a></li>
                    <li><a href="/wenda/u/84206140/question.html">我的提问</a></li>
                    <li><a href="/wenda/u/84206140/solution.html">我来解答</a></li>
                    <li><a href="/wenda/u/84206140/care.html">关注问题</a></li>
                    <li><a href="/wenda/u/84206140/collect.html">收藏回答</a></li>
                    <li><a href="/wenda/u/84206140/draft.html">草稿箱</a></li>
                </ul>
            </div>
            <div class="wd-dropdown _j_cange_type_dropdown">
                <ul class="dropdown-menu _j_change_type_ul hide">
                    <li class="_j_change_flag" data-flag="0">全部回答</li>
                    <li class="_j_change_flag" data-flag="1">金牌回答</li>
                    <li class="_j_change_flag" data-flag="2">题主采纳</li>
                </ul></div>
            <div class="wd-total" style="margin-top:20px;margin-bottom: 25px">共有<span class="_j_total_item">${list1.size()}</span>条回答</div>
            <c:forEach items="${list1}" var="collection">
                <div class="wd-list _j_qa_list" style="width: 620px;height: 220px;border: none">
                    <div class="tn-item clearfix" style="width: 620px;height: 180px;">
                        <div class="to_datta" style="width: 200px;height: 150px;display: inline-block;float: left">
                            <img style="width: 200px;height: 150px;" src="${collection.travPic}" alt="">
                        </div>
                        <div class="tn-wrapper" style="width: 420px;height: 150px;display: inline-block;float: left">
                                <dl>
                                    <dt>
                                        <%--问表：对应的的问题标题--%>
                                        <a href="${pageContext.request.contextPath}/question/${collection.travelId}" style="margin-left:5px;text-overflow: ellipsis;white-space: nowrap;width: 420px;display: block;color: #333;overflow: hidden;font-size: 18px;" target="_blank">${collection.travTitle}</a>
                                    </dt>
                                    <dd>
                                        <%--答表：用户的回答内容--%>
                                        <a href="${pageContext.request.contextPath}/question/${collection.travelId}" style="display:block;margin-left:5px;color: #333" target="_blank">
                                            <c:if test="${fn:length(collection.travText)>127}">${fn:substring(collection.travText,0,127)}...</c:if>
                                            <c:if test="${fn:length(collection.travText)<=127}">${collection.travText}</c:if>
                                        </a>
                                    </dd>
                                    <div class="tn-extra" style="position: relative;top:10.5px;height: 33px;margin-left: 5px">
                                        <span class="tn-ding" style="float: right;color: #ff9d00;font-size: 14px;text-align: right;">
                                            <%--答表：点赞数--%>
                                            <em id="topvote16972282" style="font-style: normal;">
                                                <c:if test="${collection.travPraise=='0'}">0</c:if>
                                                <c:if test="${collection.travPraise!='0'}">${collection.travPraise}</c:if>
                                            </em>

                                        </span>
                                        <span class="tn-place1" style="margin-left: 5px;margin-right: 5px;line-height: 33px">
                                            <img src="${pageContext.request.contextPath}/images/dibiao.png" style="vertical-align: middle;">
                                            <%--用户表：发表地点--%>
                                            <a href="javascript:void(0);" class="_j_gs_item" rel="nofollow" data-name="position" data-objid="10180" data-type="2" style="color: #666">${collection.location}</a>，by
                                        </span>
                                        <span class="tn-user" style="line-height: 33px">
                                            <a href="" target="_blank" rel="nofollow">
                                            <%--用户表：发表用户--%>
                                                <img src="${pageContext.request.contextPath}/images/user1a.jpeg" style="margin-right: 5px;width: 16px;height: 16px;overflow:hidden;border-radius: 50%;vertical-align: -3px">
                                                <span >${collection.memeber.userName}</span>
                                            </a>
                                        </span>
                                        <span class="tn-nums" style="line-height: 33px">
                                            <%--游记表：浏览数--%>
                                            <img src="${pageContext.request.contextPath}/images/ck_D.png" style="margin-left: 3px">
                                            <span >${collection.travLooknumber}</span>
                                        </span>
                                    </div>
                                </dl>
                        </div>

                    </div>
                </div>
            </c:forEach>
            <%--<div class="wd-list _j_qa_list" style="width: 620px;height: 220px;border: none">--%>
                <%--<div class="tn-item clearfix" style="width: 620px;height: 180px;">--%>
                    <%--<div class="to_datta" style="width: 200px;height: 150px;display: inline-block;float: left">--%>
                        <%--<img style="width: 200px;height: 150px;" src="${pageContext.request.contextPath}/images/no_num_c.jpeg" alt="">--%>
                    <%--</div>--%>
                    <%--<div class="tn-wrapper" style="width: 420px;height: 150px;display: inline-block;float: left">--%>
                        <%--<dl>--%>
                            <%--<dt>--%>
                                <%--&lt;%&ndash;问表：对应的的问题标题&ndash;%&gt;--%>
                                <%--<a href="/i/16972282.html" style="margin-left:5px;text-overflow: ellipsis;white-space: nowrap;width: 420px;display: block;color: #333;overflow: hidden;font-size: 18px;" target="_blank">和小姐姐一起逛嘉兴，看小姐姐吃百年传承的美味</a>--%>
                            <%--</dt>--%>
                            <%--<dd>--%>
                                <%--&lt;%&ndash;答表：用户的回答内容&ndash;%&gt;--%>
                                <%--<a href="/i/16972282.html" style="display:block;margin-left:5px;color: #333" target="_blank">--%>
                                    <%--和小姐姐一起逛嘉兴，看小姐姐吃百年传承的美味和小姐姐一起逛嘉兴，看小姐姐吃百年传承的美味和小姐姐一起逛嘉兴，看小姐姐吃百年传承的美味和小姐姐一起逛嘉兴，看小姐姐吃百年传承的美味和小姐姐一起逛嘉兴...--%>
                                <%--</a>--%>
                            <%--</dd>--%>
                            <%--<div class="tn-extra" style="position: relative;top:10.5px;height: 33px;margin-left: 5px">--%>
                                        <%--<span class="tn-ding" style="float: right;color: #ff9d00;font-size: 14px;text-align: right;">--%>
                                            <%--&lt;%&ndash;答表：点赞数&ndash;%&gt;--%>
                                            <%--<em id="topvote16972282" style="font-style: normal;">0</em>--%>
                                            <%--<img src="${pageContext.request.contextPath}/images/ding_D.png" style="vertical-align: middle">--%>
                                        <%--</span>--%>
                                <%--<span class="tn-place1" style="margin-left: 5px;margin-right: 5px;line-height: 33px">--%>
                                            <%--<img src="${pageContext.request.contextPath}/images/dibiao_D.png" style="vertical-align: middle;">--%>
                                            <%--&lt;%&ndash;用户表：发表地点&ndash;%&gt;--%>
                                            <%--<a href="javascript:void(0);" class="_j_gs_item" rel="nofollow" data-name="position" data-objid="10180" data-type="2" style="color: #666">浙江</a>，by--%>
                                        <%--</span>--%>
                                <%--<span class="tn-user" style="line-height: 33px">--%>
                                            <%--<a href="/u/833163.html" target="_blank" rel="nofollow">--%>
                                            <%--&lt;%&ndash;用户表：发表用户&ndash;%&gt;--%>
                                                <%--<img src="${pageContext.request.contextPath}/images/user1a.jpeg" style="margin-right: 5px;width: 16px;height: 16px;overflow:hidden;border-radius: 50%;vertical-align: -3px">--%>
                                                <%--<span >宋亚辉</span>--%>
                                            <%--</a>--%>
                                        <%--</span>--%>
                                <%--<span class="tn-nums" style="line-height: 33px">--%>
                                            <%--&lt;%&ndash;游记表：浏览数&ndash;%&gt;--%>
                                            <%--<img src="${pageContext.request.contextPath}/images/ck_D.png" style="margin-left: 3px">--%>
                                            <%--<span >100</span>--%>
                                        <%--</span>--%>
                            <%--</div>--%>
                        <%--</dl>--%>
                    <%--</div>--%>

                <%--</div>--%>
            <%--</div>--%>
            <div class="pagin" id="smallpager" style="height: 40px"></div>
        </div>
    </div>
</div>
<!--底部-->
<div class="buttom">
    <div class="col-md-2 "></div>
    <div class="col-md-2 left-buttom">
        <p style="font-size: 15px">逍遥游攻略网</p>
        <p>年轻人更爱用的攻略</p>
        <p>逍遥游攻略网</p>
        <p>无数旅行者共同打造的"旅行神器"</p>
        <p>  60,000 多个全球旅游目的地 </p>
        <p>  600,000 个细分目的地新玩法</p>
        <p>  760,000,000 次攻略下载</p>
    </div>
    <div class="col-md-2 mid-buttom">
        <p style="font-size: 15px">关于我们</p>
        <a href="">关于逍遥游</a> &nbsp <a href="">联系我们</a> </br>
        <a href="">隐私政策</a> &nbsp <a href="">商标声明</a> </br>
        <a href="">服务协议</a> &nbsp <a href="">游记协议</a> </br>
        <a href="">商城平台服务协议</a> </br>
        <a href="">网络信息侵权通知引导</a><br>
        <a href="">旅游网服务监督员</a>



    </div>
    <div class="col-md-2 right-buttom">
        <p  style="font-size: 15px">旅行服务</p>
        <a href="">旅游攻略</a> &nbsp <a href="">酒店预订</a> </br>
        <a href="">旅游特价</a> &nbsp <a href="">国际租车</a> </br>
        <a href="">旅游问答</a> &nbsp <a href="">旅游保险</a> </br>
        <a href="">旅游指南</a> &nbsp <a href="">订火车票</a> </br>
        <a href="">旅游资讯</a> &nbsp <a href="">APP下载</a> </br>

    </div>

    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima1B.png"></br>
        <p>app下载</p>
    </div>
    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima2B.png">
        <p>公众号</p>
    </div>
    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima3B.png">
        <p>订阅号</p>
    </div>


</div>
<div class="dixian">我们是有底线的</div>


<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });
    });

    function x() {
        $.ajax({
            url:"${pageContext.request.contextPath}/myfoot/member",
            type:"post",
            datatype:"json",
            data:{
                "userId":1
            },
            success:function (result) {
                var img = result.userPicture;
                console.log(img);
                var t = "${pageContext.request.contextPath}/img";
                console.log(t)
                document.getElementById("img").src="${pageContext.request.contextPath}"+'/'+result.userPicture;
                var img = "${pageContext.request.contextPath}"+'/'+result.userPicture;
                console.log("imgurl:"+img)

                var othername = result.userNickname;
                console.log(othername);
                document.getElementById("othername").innerText=othername;

                var address = result.userCity;
                console.log(address);
                document.getElementById("address").innerText=address;
                //下面是jQuery写法：
                <%--$("#img").attr("src","${pageContext.request.contextPath}"+'/'+result.userPicture);--%>
                <%--var img = $("#img").attr('src')--%>
                <%--var img = "${pageContext.request.contextPath}"+'/'+result.userPicture;--%>
                <%--console.log("imgurl:"+img)--%>


            }
        })
    }
    x();
</script>
</body>
</html>